import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface AnnouncementCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const AnnouncementCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: AnnouncementCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M16.72 1.875c-.33.105-.528.234-1.589 1.031-1.414 1.063-2.001 1.435-2.883 1.829-1.531.685-2.633.911-5.088 1.044-1.158.063-1.602.13-2.081.312-1.641.623-2.768 2.022-3.022 3.749a4.697 4.697 0 0 0 .865 3.446l.193.259.804 2.818c.596 2.091.844 2.9.961 3.141.463.95 1.545 1.569 2.59 1.481.41-.034.623-.092.99-.267a2.65 2.65 0 0 0 1.297-1.326c.218-.479.243-.721.243-2.308v-1.44l.21.062c.518.153 1.258.452 1.81.733 1.096.557 1.767 1.048 3.075 2.252.915.842 1.124 1.013 1.398 1.142.519.244 1.205.222 1.754-.057.422-.213.815-.681.957-1.14.126-.404.377-2.442.475-3.856.065-.925.052-.879.252-.938a3.67 3.67 0 0 0 .955-.514c.458-.379.81-.917 1-1.528.12-.387.13-1.155.019-1.557a3.118 3.118 0 0 0-1.235-1.73c-.256-.174-.719-.39-.838-.392-.083-.001-.094-.063-.152-.881-.091-1.29-.336-3.37-.461-3.91a2 2 0 0 0-1.434-1.474c-.285-.076-.797-.067-1.065.019M19.978 11c0 .158-.026.315-.066.4-.064.138-.065.131-.065-.4s.001-.538.065-.4c.04.085.066.242.066.4M6.104 15.157c.152.021.51.048.796.062.286.013.65.033.81.046l.29.022-.001 1.566c-.001 1.435-.007 1.581-.074 1.727a.61.61 0 0 1-.375.358.67.67 0 0 1-.846-.272c-.053-.091-.305-.904-.562-1.806l-.488-1.715c-.019-.064-.007-.072.076-.051.054.014.223.042.374.063"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
